import React from 'react';
import { Layout } from 'antd';
import './index.less';
import { Button } from 'antd';
import { CustomerServiceOutlined } from '@ant-design/icons';
export const Footer: React.FC = () => {
  return (
    <Layout.Footer>
      <div className='footer'>
        <div className='foot_t'>
          <ol>
            <dl>
              <dt>
                <CustomerServiceOutlined />
                <a href='/'>咨询热线</a>
              </dt>
              <dd>
                <h2>400 857 9394</h2>
              </dd>
              <dd>
                <Button>在线咨询</Button>
              </dd>
            </dl>
            <dl>
              <dt>
                <a href='/'>采购指南</a>
              </dt>
              <dd>
                <a href='/'>功能介绍</a>
              </dd>
              <dd>
                <a href='/'>常见问题</a>
              </dd>
              <dd>
                <a href='/'>服务条款</a>
              </dd>
            </dl>
            <dl>
              <dt>
                <a href='/'>供应商指南</a>
              </dt>
              <dd>
                <a href='/'>入驻流程</a>
              </dd>
              <dd>
                <a href='/'>常见问题</a>
              </dd>
            </dl>
            <dl>
              <dt>
                <a href='/'>关于我们</a>
              </dt>
              <dd>
                <a href='/'>平台介绍</a>
              </dd>
              <dd>
                <a href='/'>平台声明</a>
              </dd>
            </dl>
            <dl>
              <dt>
                <a href='/'>常见问题</a>
              </dt>
              <dd>
                <a href='/'>订单状态</a>
              </dd>
              <dd>
                <a href='/'>发票说明</a>
              </dd>
            </dl>
            <dl style={{ width: '200px' }}>
              <dt>
                <a href='/'>售后服务</a>
              </dt>
              <dd>
                <a href='/'>售后政策</a>
                <a href='/'>退货流程</a>
              </dd>
              <dd>
                <a href='/'>违规处罚说明</a>
                <a href='/'>退款说明</a>
              </dd>
            </dl>
          </ol>
        </div>

        <div className='foot_b'>
          <div>
            {' '}
            Copyright © 2019 - 2020 autocloudchain. All Rights Reserved.
            鲁ICP备20024911号-3
          </div>
        </div>
      </div>
    </Layout.Footer>
  );
};
